.front .header{
    border:1px solid #ddd;
    height:100px;
   /* background: red;*/
}
.front .content{
    border:1px solid #ddd;
}

.front .leftContent{
   /* z-index: 888;
   !* position: fixed;
    left: 0;
    top: 0;*!
    width: 210px;
    height: 100%;
    background-color: #293541;
    color: #bbb;*/
    border-right:1px solid #ddd;
    height:100%;
}


.front .leftContent .bg{
   /* height: calc( 100% - 100px);*/
    height:100%;
    width:100px;
    background-color: #293541;
    position: fixed;
}
.front .leftContent .title{
    color:white;
}

.front .rightContent{
    margin-left:100px;
    width: 100%;
    overflow-x: auto;
    min-width: 700px;
   /* border:1px solid #ddd;*/
    min-height: 100%;
}

.front .rightContent .left{
    border-right:1px solid #ddd;
    height:100%;
    width:150px;
    background-color: #ddd;
    position: fixed;
}
.front .rightContent .center{
    margin-left:150px;
    width: calc( 100% - 455px);
    height:100%;
    position: fixed;
    min-width: 700px;
    overflow-x: auto;
}
.front .rightContent .right{
    height:100%;
    width:200px;
    position: fixed;
    right:0px;
    border-left:1px solid #ddd;
}


/*.front .rightContent .left{
    border-right:1px solid #ddd;
    height:100%;
    width:150px;
    background-color: #ddd;
    position: fixed;
}
.front .rightContent .center{
    margin-left:150px;
    width: calc( 100% - 455px);
    height:100%;
    position: fixed;
    min-width: 700px;
    overflow-x: auto;
}
.front .rightContent .right{
    height:100%;
    width:200px;
    position: fixed;
    right:0px;
    border-left:1px solid #ddd;
}*/
